/* Fix: Related Products carousel — owl calculates wrong item width.
   Force container constraint + owl-item max-width per breakpoint.
   Added: 2026-04-09 (ported from EU fix 2026-04-02) */

.box-with-products {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* Override owl inline width with max-width constraint */
.box-with-products .owl-carousel .owl-item {
    max-width: 25%;
}

@media (max-width: 999px) {
    .box-with-products .owl-carousel .owl-item {
        max-width: 33.333%;
    }
}

@media (max-width: 599px) {
    .box-with-products .owl-carousel .owl-item {
        max-width: 50%;
    }
}

/* Prevent images from exceeding their natural size */
.box-with-products .product .image img {
    max-width: 100%;
    height: auto;
}